<template name="ver">
    <h2>Ver Viajes FINALIZADOS</h2>
    {{pagination}}
    <br/>
    <table style="width: 100%; font-size: 11px;">
        <tr>
            <th>Nombre</th>
            <th>Salida</th>
            <th>Arribo</th>
            <th>Conductor</th>
            <th>Veh&iacute;culo</th>
            <th>Grupo</th>
            <th>Ruta</th>
            <th></th>
        </tr>
        <template name="viaje">
        <tr>
            <td>{{nombre}}</td>
            <td>{{salida}}</td>
            <td>{{llegada}}</td>
            <td>{{conductores.nombre}}</td>
            <td>{{vehiculos.nombre}}</td>
            <td>{{grupos.nombre}}</td>
            <td>{{rutas.nombre_ruta}}</td>
            <td>
                <div class="ver" idElemento="{{idviaje}}">Historial</div>
            </td>
        </tr>
        </template>
        <template name="sin_resultados">
        <tr>
            <td colspan="8">No hay resultados para mostrar</td>
        </tr>
        </template>
    </table>
    <br/>
    {{pagination}}
    <script type="text/javascript">
        $(function(){
            $('.ver').button( { icons: {primary: "ui-icon-circlesmall-plus"} } ).bind('click', function() { document.location.href = '{{link_historial_viaje}}'+($(this).attr('idElemento')); } );
        });
    </script>
</template>